<template>
	<view class="compose_rule_deta">
		<u-navbar :is-back="false" title="">
			<view class="slot_content">
				<view class="nav_img" @click="backTo">
					<image src="@/static/17.svg"></image>
				</view>
				<view class="nav_title">合成规则</view>
			</view>
		</u-navbar>
		<u-parse :html="content" :tag-style="style"></u-parse>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: "",
				content: "",
				style: {
					img: 'width:max-width:100%;height:auto;pointer-events: none;'
				}
			}
		},
		async onLoad(option) {
			let {
				data
			} = await this.$u.api.composeInfo({
				id: option.id
			});
			this.content = data?.content;
		},
		methods: {
			backTo() {
				uni.navigateBack()
			}
		}
	}
</script>

<style scoped lang="scss">
</style>
